<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,height=device-height,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>swiper demo</title>
		<link rel="stylesheet" href="css/swiper-3.4.1.min.css" />
		<style type="text/css">
			body {
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 14px;
				color: #000;
				margin: 0;
				padding: 0;
			}
			
			.swiper-container {
				margin: 0 auto;
			}
			
			.swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;
			}
			.swiper-slide{
				background-image: url(img/冷链管家.jpg);
				background-size:100% 100%;
			}
		</style>
	</head>

	<body>
		<img style="width: 100%;" src="img/bg.jpg"/>
		<!--<div class="swiper-container" id="swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide"></div>
				<div class="swiper-slide" style="background:green;">Slide 1</div>
				<div class="swiper-slide" style="background:yellow;">Slide 2</div>
				<div class="swiper-slide" style="background:orange;">Slide 3</div>
			</div>

			<div class="swiper-pagination"></div>

		</div>-->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/swiper-3.4.1.min.js"></script>
		<!--<script>
			window.onload = function() {
				var swiper = document.getElementById("swiper");
				var scale = window.screen.height / window.screen.width;
				swiper.style.height = document.body.clientWidth * scale + "px";
			}
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'horizontal',
				loop: false,
				pagination: '.swiper-pagination'
			});
		</script>-->
	</body>

</html>